<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 
    <link rel="stylesheet" href="http://127.0.0.1:8090/css/formal.css">   -->
    <script src="./js/jquery.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div>
        <div class="header">
            <p>实习任务：文件解压缩</p>
        </div>
        <div class="content">
            <button id="switch">unzip</button>
            <button id="unswitch">zip</button>
            <div id="uncompress">
          
                FilePath：<input id="demo" placeholder="文件路径">
                </br>
                TargetPath：<input id="demo1" placeholder="目标路径">
                </br>
               
                <button id="demo2">解压缩</button>
                <div id="view">
                    <ul id="message"></ul>
                    <ul id="note">
                    </ul>
                </div>
            </div>
            <div id="compress">
           
              FilePath:<input id="formal" placeholder="文件路径"><br><br>
              TargetPath：<input id="formal2" placeholder="目标路径"><br><br>
              Format:<input id="formal7" placeholder="压缩格式"><br>
              <button id="formal3">压缩</button>
                <div id="formal4">
                    <ul id="formal5"></ul>
                    <ul id="formal6"></ul>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            注解：为北京数科网维实习任务
        </div>
    </div>
    
     <script src="http://127.0.0.1:8090/bundle.js"></script>  
</body>

</html>